.auditUser {
    $header-item-height: 32px;
    $btn-bg-color: #00f794;
    $input-bg-color: #212825;
    $cell-bg-color: #212825;

    background-color: #081716;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    .header {
        display: flex;
        align-items: center;
        margin-top: 70px;
        color: #fff;
        height: 60px;
        padding: 0 13px;

        .addBtn {
            margin-right: auto;
            height: $header-item-height;
            margin-left: 24px;
            background-color: $btn-bg-color;
            border: 1px solid $btn-bg-color;
            color: #fff;
        }
        .keywordInput {
            width: 360px;
            height: $header-item-height;
            margin-right: 24px;
            background-color: $input-bg-color;
            border: 1px solid $input-bg-color;
            color: #fff;
        }
        .statusSelect {
            width: 180px;
            height: $header-item-height;
            margin-right: 24px;
        }

        .resetBtn {
            height: $header-item-height;
            background-color: $btn-bg-color;
            border: 1px solid $btn-bg-color;
            color: #fff;
        }

        :global {
            .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                height: $header-item-height;
                background-color: $input-bg-color;
                border: 1px solid $input-bg-color;
                color: #fff;
            }
            .ant-select-single .ant-select-selector .ant-select-selection-item,
            .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
                line-height: $header-item-height;
            }
            input::placeholder {
                color: #fff;
                font-size: 14px;
                opacity: 0.5;
            }
        }
    }

    .tableWrap {
        padding: 0 13px;

        .option {
            width: 200px;
        }

        .tableRow:hover > td {
            background-color: $cell-bg-color;
        }

        .passBtn {
            background-color: $btn-bg-color;
            border: 1px solid $btn-bg-color;
            color: #fff;
        }

        .rejectBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
        }

        .resetUserBtn {
            background-color: #00e9ff;
            border: 1px solid #00e9ff;
            color: #fff;
        }
        .deleteBtn {
            background-color: #ff0000;
            border: 1px solid #ff0000;
            color: #fff;
        }

        :global {
            .ant-table-tbody > tr.ant-table-placeholder:hover > td {
                background-color: $cell-bg-color;
            }
            .ant-empty-normal {
                color: #fff;
            }
            .ant-table-cell {
                background-color: $cell-bg-color;
                color: #fff;
                border-bottom: 1px solid #5e706f;
            }
            .ant-table-thead .ant-table-cell {
                background-color: #414947;
            }
            .ant-table-row:hover > td {
                background-color: $cell-bg-color;
            }

            .ant-pagination {
                color: #fff;
            }
            .ant-pagination-prev .ant-pagination-item-link,
            .ant-pagination-next .ant-pagination-item-link,
            .ant-pagination-item {
                background-color: #323f3e;
                color: #fff;
                border: none;
            }
            .ant-pagination-item a {
                color: #fff;
            }
            .ant-pagination-item-active {
                background-color: #063a29;
                a {
                    color: $btn-bg-color;
                }
            }
            .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                background-color: $input-bg-color;
                border: 1px solid $input-bg-color;
                color: #fff;
            }
        }
    }
}

.statusSelectDrop {
    background-color: #40514d;

    :global {
        .ant-select-item {
            color: #fff;
        }
        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
            background-color: #063a29;
            color: #00f794;
        }
    }
}

.delBox{
    position: absolute;
    top: 117px;
    right: 382px;
    z-index: 500;
    @extend .center;
    justify-content: flex-start;
    margin-top: 4px;
    flex-direction: column;
    background: rgba(0,0,0,0.72);
    width: 360px;
    border-radius: 2px;
    color: #fff;
    .header{
        @extend .center;
        width: 100%;
        justify-content: flex-end;
        padding: 12px 12px 0px 0px;
        i{
            cursor: pointer
        }
    }
    .content{
        @extend .center;
        flex-direction: column;
        padding: 0px 12px 12px 0px;
        i{
            color: #FF0000;
            font-size: 34px;
        }
    }
    .delBtn{
        @extend .center;
        width: 80px;
        height: 32px;
        background-color: #FF0000;
        margin: 12px;
        cursor: pointer;
        border-radius: 2px;
    }
}
